<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet"> 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" /><!--gallery-popup-css-->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" /><!-- Pop-up -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<!--//fonts-->

</head>
<script src="js/MyJs/common/global.js"></script>
<script src="js/MyJs/common/functions.js"></script>
<script src="js/MyJs/common/common.js"></script>
<body>
<!-- banner -->
	<div class="banner" id="home" >
			<div class="header">
				<div class="w3_agile_logo">
					<h1><a href="#">个人信息<span>我 是 谁</span></a></h1>
				</div>
				<div class="w3_menu">
					<div class="mobile-nav-button">
						<div class="mobile-nav-button__line"></div>
						<div class="mobile-nav-button__line"></div>
						<div class="mobile-nav-button__line"></div>
					</div>
					<nav class="mobile-menu">
						<ul>
							<li><a href="#home" class="active scroll" >大图</a></li>
							<li><a href="#about" class="scroll" >简介</a></li>

							<li><a href="#work" class="scroll" >足迹&贡献</a></li>

						</ul>
							<div class="clearfix"></div>
						<div class="search-agileits">

						</div>
					</nav>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agile_banner_info">
			<h2><span>早上好：</span> 好学生</h2>
				<div id="typed-strings" class="agileits_w3layouts_strings">
						<p>您所在地区 <i>太阳系-火星</i></p>
						<p>您的注册时间 <i>2021-10-10</i></p>
						<p>您的贡献 <i>1部电影 2部电视剧 3部动漫</i></p>
					</div>
				<span id="typed" style="white-space:pre;"></span>

			</div>
			<div class="w3_agileits_social_media">
				<ul>
					<li><a href="#" class="wthree_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
					<li><a href="#" class="wthree_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="#" class="wthree_dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
					<li><a href="#" class="wthree_behance"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
				</ul>
			</div>
			<div class="banner-image-w3layouts">
				<img src="images/men.png" alt=" 不存在" class="img-responsive" />
			</div>
	</div>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
	<div class="col-md-6 about-left-w3ls">
		<h5>关注<br>我 在 <br><span>微博</span><i class="fa fa-twitter" aria-hidden="true"></i></h5>
	</div>
		<div class="col-md-6 person-info-agileits-w3layouts">
		<h3 class="w3_head w3_head1">简介<span>好学生</span></h3>
		<p><span>Hi!,我是好学生 </span>广东人  2021-10-10注册</p>
			<ul>
				<li><span>名字</span>: 好学生</li>
				<li><span>注册时长</span>: 5年3个月4天</li>
				<li><span>邮箱</span>: <a href="mailto:10086@qq.com">10086@qq.com</a></li>
				<li><span>地区</span>: 火星</li>

			</ul>
		</div>
	<div class="clearfix"></div>
</div>
<!-- //about-bottom -->

				<div id="small-dialog" class="mfp-hide w3ls_small_dialog wthree_pop">		
					<div class="agileits_modal_body">
						<iframe src=""></iframe>
					</div>
				</div>


<!-- experiences -->

<div class="work" id="work">
	<div class="container">
		<h3 class="w3_head w3_head1">足迹 & 贡献 <span>More about my past</span></h3>
		<h5>足迹</h5>
		<div class="work-info-agileits">
			<div class="col-md-4 work-left-agileits-w3layouts">
				<h6><i class="fa fa-calendar-check-o" aria-hidden="true"></i> 2020.10-至今</h6>
			</div>
			<div class="col-md-8 work-right-w3-agileits">
				<h3>影片数据/<span>收藏</span></h3>
				<p>新增观看次数25次,比上月增长了5部 新增下载次数2次,比上月减少了2次 . 新增收藏了10部影片 与上月持平</p>
			</div>
			<div class="clearfix"> </div>	
		</div>
		<div class="work-info-agileits">
			<div class="col-md-4 work-left-agileits-w3layouts">
				<h6><i class="fa fa-calendar-check-o" aria-hidden="true"></i> 2021.9-2021.10</h6>
			</div>
			<div class="col-md-8 work-right-w3-agileits">
				<h3>影片数据/<span>收藏</span></h3>
				<p>新增观看次数25次,比上月增长了5部 新增下载次数2次,比上月减少了2次 . 新增收藏了10部影片 与上月持平</p>
			</div>
			<div class="clearfix"> </div>	
		</div>
		<div class="work-info-agileits">
			<div class="col-md-4 work-left-agileits-w3layouts">
				<h6><i class="fa fa-calendar-check-o" aria-hidden="true"></i> 2021.8-2021.9</h6>
			</div>
			<div class="col-md-8 work-right-w3-agileits">
				<h3>影片数据/<span>收藏</span></h3>
				<p>首次注册  新增观看次数25次 新增下载次数2次, 新增收藏了10部影片 </p>
			</div>
			<div class="clearfix"> </div>	
		</div>
		<h5 class="work2">贡献</h5>
		<div class="work-info-agileits">
			<div class="col-md-4 work-left-agileits-w3layouts">
				<h6><i class="fa fa-calendar-check-o" aria-hidden="true"></i>2021.10-至今</h6>
			</div>
			<div class="col-md-8 work-right-w3-agileits">
				<h3>影片贡献</h3>
				<p>新增上传影片25部,比上月增长了5部 更新了3部影片</p>
			</div>
			<div class="clearfix"> </div>	
		</div>
		<div class="work-info-agileits">
			<div class="col-md-4 work-left-agileits-w3layouts">
				<h6><i class="fa fa-calendar-check-o" aria-hidden="true"></i> 2021.9-2021-10</h6>
			</div>
			<div class="col-md-8 work-right-w3-agileits">
				<h3>影片贡献</h3>
				<p>新增上传影片25部,比上月增长了5部 更新了3部影片</p>
			</div>
			<div class="clearfix"> </div>	
		</div>
    </div>
</div>	
<!-- //experiences -->



<!--footer-->

<!--//footer-->	

<!-- js -->
<script type="text/javascript" src="js/systemJs/jquery-2.1.4.min.js"></script>


<!-- Navigation-JavaScript -->
<!-- menu -->
<script>
	$(document).ready(function () {
	  $('.mobile-nav-button').on('click', function() {
	  $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(1)" ).toggleClass( "mobile-nav-button__line--1");
	  $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(2)" ).toggleClass( "mobile-nav-button__line--2");  
	  $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(3)" ).toggleClass( "mobile-nav-button__line--3");  
	  
	  $('.mobile-menu').toggleClass('mobile-menu--open');
	  return false;
	}); 
	});
</script>
<!-- //menu -->
<!-- Gallery-plugin -->
<script src="js/systemJs/jquery.mobile.custom.min.js"></script>
<script src="js/systemJs/jquery.cm-overlay.js"></script>
		<script>
			$(document).ready(function(){
				$('.cm-overlay').cmOverlay();
			});
		</script>
<!-- //Gallery-plugin -->
<!-- responsiveslides -->
<script src="js/systemJs/responsiveslides.min.js"></script>
			<script>
									// You can also use "$(window).load(function() {"
									$(function () {
									 // Slideshow 4
									$("#slider3").responsiveSlides({
										auto: true,
										pager: false,
										nav: true,
										speed: 500,
										namespace: "callbacks",
										before: function () {
									$('.events').append("<li>before event fired.</li>");
									},
									after: function () {
										$('.events').append("<li>after event fired.</li>");
										}
										});
										});
			</script>
<!-- //responsiveslides -->

	<!-- //Navigation-JavaScript -->
<!--pop-up-box -->
					<script src="js/systemJs/jquery.magnific-popup.js" type="text/javascript"></script>
					<script>
					$(document).ready(function() {
					$('.popup-with-zoom-anim').magnificPopup({
					type: 'inline',
					fixedContentPos: false,
					fixedBgPos: true,
					overflowY: 'auto',
					closeBtnInside: true,
					preloader: false,
					midClick: true,
					removalDelay: 300,
					mainClass: 'my-mfp-zoom-in'
					});

					});
					</script>
<!-- //pop-up-box -->

<!-- banner-type-text -->
	<script src="js/systemJs/typed.js" type="text/javascript"></script>
    <script>
		$(function(){

			$("#typed").typed({
				// strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
				stringsElement: $('#typed-strings'),
				typeSpeed: 30,
				backDelay: 500,
				loop: false,
				contentType: 'html', // or text
				// defaults to false for infinite loop
				loopCount: false,
				callback: function(){ foo(); },
				resetCallback: function() { newTyped(); }
			});

			$(".reset").click(function(){
				$("#typed").typed('reset');
			});

		});

		function newTyped(){ /* A new typed object */ }

		function foo(){ console.log("Callback"); }
    </script>
<!-- //banner-type-text -->
<!-- jarallax-js -->
			<script src="js/systemJs/SmoothScroll.min.js"></script>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/systemJs/move-top.js"></script>
<script type="text/javascript" src="js/systemJs/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
	<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	
	<div class="arr-w3ls">
	<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
<!-- //smooth scrolling -->


<script type="text/javascript" src="js/systemJs/bootstrap-3.1.1.min.js"></script>

</body>
</html>